@charset "utf-8";
/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
  font-family: 宋体;
  font-size: 12px;
  list-style: none;
  text-decoration: none;
}
a {
  text-decoration: none;
  color: #000000;
}
/*最顶部*/
#head {
  width: 100%;
  height: 31px;
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
  background: #f2f2f2;
}
.a {
  text-decoration: none;
}
#head .content {
  width: 1200px;
  height: 31px;
  margin-left: auto;
  margin-right: auto;
}
/*最顶部右边*/
.home {
  background: transparent url("../images/2.png") no-repeat scroll 0px -5px;
  padding: 0px 20px;
  display: inline-block;
  height: 30px;
  vertical-align: top;
  margin-left: 20px;
}
.right {
  width: 480px;
  height: 23px;
  z-index: 100;
  float: right;
  height: 31px;
  list-style: none;
}
.right .ri {
  z-index: 100;
  float: left;
  margin: 0px 15px 0px 0px;
  height: 31px;
  display: inline;
  position: relative;
}
.right a {
  float: right;
  overflow: hidden;
  margin-top: 8px;
  color: #666;
  line-height: 14px;
  text-decoration: none;
}
.right .right_b {
  background: url(../images/head.png) no-repeat 20px -212px;
  width: 99px;
  left: -20px;
}
.right .right_c {
  width: 75px;
  position: relative;
}
.right_c .gou {
  width: 75px;
  height: 31px;
  text-align: right;
  line-height: 31px;
  font-weight: 900;
  color: #333;
  position: relative;
  /*background: #fff;*/
  left: -14px;
}
.right_c .gou .gouwu {
  display: block;
  position: absolute;
  width: 50px;
  height: 25px;

  background: url(../images/head.png) no-repeat;
  background-position: 20px -103px;
  left: -24px;
  top: 0px;
}
.right_c .wu {
  width: 202px;
  height: 55px;
  background: #F2F2F2;
  position: absolute;
  top: 31px;
  right: -10px;
  text-align: center;
  line-height: 60px;
  font-size: 11px;
  color: #666;
  display: none;
}
.right_c:hover .wu {
  display: block;
}
.right .right_d {
  width: 61px;
  padding-right: 10px;
  position: relative;
  left: -15px;
}
.right_d .kf {
  background: url(../images/head.png) no-repeat -47px -13px;
  margin-right: -18px;
  margin-top: 6px;
  width: 66px;
  height: 25px;
  text-align: center;
  line-height: 19px;
}
/*头部的帮助隐藏部分*/
.right .right_d .box {
  width: 75px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  font-weight: 900;
  color: #333;
  position: absolute;
  top: 40px;
  right: 0;
  left: -22px;
  font-size: 20px;
  display: none;
}
.kf:hover .box {
  display: block;
}
.right .right_e {
  width: 90px;
  margin-right: 0px;
  background: url(../images/head.png) no-repeat scroll 12px -250px;
}

/*............................................................二楼开始............................................................*/
.da_b{
    background: #F4F4F4;
    width: 100%;
//大的div
#c{
    width: 100%;
    height: 73px;
       border-bottom: 1px solid #959595;
    .z{
        width: 1200px;
        height: 73px;
      
        margin: 0 auto;
//      左边
        .y{
            float: left;
            width: 225px;
            height: 48px;
            margin-top: 14px;
            background:  url("../images/66.png") no-repeat scroll 0px 0px;

        }
//      右边
     .you{
         width: 550px;
         height: 65px;
         float: right;
            text-align: center;
//        background: url(../images/gw.png) repeat-x ;
           
        .you_bg{
            overflow: hidden;
            background: url(../images/gw.png) repeat-x;
            position: relative;
            margin-top: 20px;
            width: 500px;
            height: 50px;
            .i_a{
                 .tup{
                   color: #FF4466;
               }
            }
            .jindu{
                width: 404px;
                height: 30px;
                background: url(../images/gw_a.png) repeat-x -134px 0px;
                position: absolute; 
                left: 0px;
                top:0px;
            }
              
         .i{
        width: 23px;
        height: 23px;
        font: 400 14px/23px helvetica,tahoma,arial,sans-serif;
        color: #FFF;
        text-align: center;
        position: absolute;
            
       }
         .tip{
            position: absolute;
            top: 24px;
            left: 50%;
            margin-left: -50px;
            font: 400 12px/20px helvetica,tahoma,arial,sans-serif;
            color: #999;
            width: 100px;
           }
           .i_a{
               left:0px;
              .tip{
                       color: #F46;
                   }
               }
               .i_b{
                   left: 157px;
                   .tip{
                       color: #F46;
                   }
               }
               .i_c{
                   left:314px;
                   .tip{
                       color: #F46;
                   }
               }
               .i_d{
                   left: 471px;
               }
           }
         }
    }
}

//三楼开始

.div{
    width: 1200px;
    height: 800px;
    border: 1px solid red;
    margin: 0 auto;
    .gf{
        width: 1200px;
        background: wheat;
        height: 35px;
        .zj{
            text-align: center; 
            line-height: 35px;
            color:#f46;
        }
    }
    .sj{
        width: 1200px;
        height: 30px;
        border-bottom: 4px solid #666666;
        padding: 50px 0px 24px;
        .sj_a{
          width: 576px;
          height: 30px;
            padding-left: 90px;
           color: #333;
            background: transparent url("../images/zf.png")   no-repeat scroll -240px 6px;
                font: 400 10px/24px "Microsoft YaHei";
                float: left;
                .sj_c{
                     span{
                         width: 387px;
                       
                          font: 400 18px/24px "Microsoft YaHei";
                     }
                     .red{
                          color: #F46;
                     }
                }
                .yq{
                    color: #666;
                   font: 400 12px/24px helvetica;
                }
             }
             .je{
                 width: 227px;
                 height: 27px;
                 float: right;
                 span{
                      font: 12px/1.6 tahoma,arial,sans-serif;
                 }
                
                 .se{
                     color: #f46;
                    span{
                        color: #F36;
font: 700 24px/1 "Microsoft YaHei";
                    }
                 }
             }
         }
         .ye{
             width: 1200px;
             height: 197px;
            
             .ye_a{
                 width: 1080px;
                 height: 144px;
               padding: 0px 60px;
                float: left;
                margin: 20px;
                margin-left: 20px;
                
                .itme{
                    width: 1080px;
                    height: 54px;
                
                    border: 2px solid #808080;
                    .itme_b{
                        color: #BCBCBC;
                        width: 104px;
                        height: 16px;
                        font-size: 14px;
                        .num{
                            font: 700 14px/1 "Microsoft YaHei";
                        }
                    }
                    .itme_a{
                        width: 100px;
                        line-height: 50px;
                        font-family: 700;
                        display: inline-block;
                        margin-left: 40px;
                       
                    }
                    .i{
                        background: transparent url("../images/zf.png") no-repeat scroll -118px -24px;
                    }
                    
                }
                
                
                
                   .itme1{
                       margin-top: 20px;
                    width: 1080px;
                    height: 54px;
                   
                    border: 2px solid #808080;
                    .itme_b{
                        color: #BCBCBC;
                        width: 104px;
                        height: 16px;
                        font-size: 14px;
                        .num{
                            font: 700 14px/1 "Microsoft YaHei";
                        }
                    }
                    .itme_a{
                        width: 100px;
                        line-height: 50px;
                        font-family: 700;
                        display: inline-block;
                        margin-left: 40px;
                    }
                    .i{
                        background: transparent url("../images/zf.png") no-repeat scroll -118px -24px;
                    }
                    
                }
             }
         }
//       快捷支付方式
     .nan{
    width: 1200px;
    height: 85px;
         .kj{
        width: 80px;
        height: 84px;
        padding: 20px 0px 20px  80px;
        font: 400 20px/84px "Microsoft YaHei";
               }
        .tu{
            display: inline-block;
            width: 58px;
            height: 16px;
            vertical-align: middle;
            background: transparent url("../images/zf.png") no-repeat scroll 0px 0px;
        }
        .aq{
            margin-right: 10px;
            font: 400 14px/84px "Microsoft YaHei";
        }
    }

.qr{
    width: 1200px;
    height: 81px;
    background: red;
    .qr_a{
        width: 290px;
        background: indianred;
        float: left;
        margin: 30px 0px 0px 80px;
        height: 30px;
        padding: 9px 10px;
        height: 12px;
        background: #FFF none repeat scroll 0% 0%;
        line-height: 12px;
//      .a{
//          position: absolute;
//top: 9px;
//right: 10px;
//width: 110px;
//color: #333;
//text-align: right;
//      }
//      .b{
//          position: absolute;
//width: 100%;
//height: 42px;
//text-indent: 14px;
//left: -1px;
//bottom: -44px;
//background: #DDD none repeat scroll 0% 0%;
//border-width: medium 1px 1px;
//border-style: none solid solid;
//border-color: -moz-use-text-color #CCC #CCC;
//border-image: none;
//font: 400 22px/42px "Microsoft YaHei";
//display: none;
//      }
        
        
        
        
        
        .k{
            background: #FFF none repeat scroll 0% 0%;
        }
    }
    .ni{
        display: inline-block;
        width: 80px;
        height: 32px;
        line-height: 32px;
        color: #FFF;
        background: #277ECD none repeat scroll 0% 0%;
        text-align: center;
        color: #999;
        background: #F2F2F2 none repeat scroll 0% 0%;
        margin: 28px  5px;
    }
}

.ul{
    width: 1080px;
    height: 150px;
    margin-left: 80px;
    .ul_a{
        width: 1080px;
        height: 150px;
        .ul_b{
            float: left;
            margin: 0px 12px 10px 0px;
            background: #FFF none repeat scroll 0% 0%;
            border: 2px solid #ECECEC;
               .ul_c:hover{
                   border: 2px solid #277ECD;
               }
            .ul_c{
                line-height: 50px;
                width: 145px;
                display: inline-block;
                text-align: center;
                img{
                    width: 130px;
                    height: 40px;
                }
            }
        }
    }
}

}





.jie{
    width: 1200px;
    height: 70px;
   margin: 0 auto;
   .qf{
       float: right;
        text-align: center;
        color: #FFF;
        background: #F36 none repeat scroll 0% 0%;
        font: 400 20px/54px "Microsoft YaHei";
        width: 188px;
           }
              .je{
                 width: 227px;
                 height: 27px;
                 float: right;
                 padding: 20px 0px 0px 40px;
                 span{
                      font: 12px/1.6 tahoma,arial,sans-serif;
                 }
                 .se{
                     color: #f46;
                    span{
                        color: #F36;
                     font: 700 24px/1 "Microsoft YaHei";
                    }
                 }
             }
         }

//底部

.dibu{
    width: 100%;
    background: #F4F4F4;
    margin-top: 20px;
    padding: 60px 0px;
    text-align: center;
    color: #999;
}
.icon{
    padding-top: 16px;
    display: inline-block;
height: 28px;
    .vc{
    width: 80px;
    background: transparent url("../images/s.png") no-repeat scroll 0px -50px;
    display: inline-block;
height: 28px;
         }
         .va{
             width: 74px;
background: transparent url("../images/s.png") no-repeat scroll -90px -50px;
cursor: default;
height: 28px;
display: inline-block;
         }
         .vb{
             width: 50px;
background: transparent url("../images/s.png") no-repeat scroll -178px -50px;
display: inline-block;
height: 28px;
         }
         .vd{
                 width: 164px;
    vertical-align: top;
    background: transparent url("../images/s.png") no-repeat scroll -240px -50px;
    display: inline-block;
height: 28px;
          }
          
         .vf{
             width: 84px;
background: transparent url("../images/s.png") no-repeat scroll -400px -50px;
display: inline-block;
height: 28px;
         } 
          .vg{
              width: 50px;
background: transparent url("../images/s.png") no-repeat scroll -486px -50px;
display: inline-block;
height: 28px;
          }
 
         }


}
